<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>添加新事项
    </title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

</head>
<body>
<div class="container">
    <h3> 添加新事项</h3>
    <hr>

    <p class="h4 mb-4">新事项细节 </p>
    <form action="#" th:action="@{/todo/save}"
          th:object="${addList}" method="GET">
        <input type="hidden" th:field="*{item_id}"/>
        <input type="text" th:field="*{description}" class="form-control mb-4 col-4" placeholder="事件描述">
        <label for="status">事件状态:</label>
        <select th:field="*{status}">
            <option value="进行中">进行中</option>
            <option value="已推迟">已推迟</option>
            <option value="已取消">已取消</option>
            <option value="已完成">已完成</option>
        </select>

        <button type="Submit" class="btn btn-info col-2">保存</button>

    </form>

    <a th:href="@{/todo/list}">返回待办事项列表</a>

</div>

</body>
</html>
